<template>
	<view class="">
		
		
		<view style="text-align: center;padding: 40rpx;color: #fff;position: relative;" class="bg">
			<view class="u-font-34" style="font-weight: bold;">总佣金(元)</view>	
			<view class="u-margin-top-20">{{info.commission.toFixed(2)}}</view>	
			
			<view  style="position: absolute;right: 20rpx;top: 20rpx;">
				<u-button @click="go('/pages/tixian/index?ismanage='+false)" size="mini" shape="circle" type="success">我要提现</u-button>
			</view>
			
		</view>
		
	   <view class="mode">
		   <u-section title="我的收益" :showLine="false" sub-title="收益明细" @click="more"></u-section>
		   
		   <view class="u-flex u-row-around ">
			   <view class="u-text-center">
				   <view class="" style="font-weight: bold;font-size: 32rpx;margin: 20rpx 0;">￥{{info.monthCommission}}</view>
				   <view class="$u-type-info">本月收益</view>
			   </view>
			   <view class="u-text-center " >
				   <view style="font-weight: bold;font-size: 32rpx;margin: 20rpx 0;">￥{{info.todayCommission}}</view>
				   <view class="$u-type-info">今日收益</view>
			   </view>
		   </view>
	   </view>	
	   
	   <view style="width: 700rpx;margin:20rpx auto;">
		   <u-section title="我的车友" :right="false" ></u-section>
	   </view>
	   <view class="mode u-flex" v-for="item in list" :key="index" > 
		   <u-image :src="item.headimg" width="100" height="100" border-radius="100"></u-image>
		   <view class="u-font-xs u-margin-left-20">
			   <view class="">
			   	{{item.nickname}}
			   </view>
			   <view class="$u-type-info">
			   	{{item.mobile}}
			   </view>
		   </view>
		   
	   </view>
	   
	   <u-loadmore :status="status"  />
	   
	   
	</view>
</template>

<script>
	import loader from '@/common/loadPage.js';
	export default{
		mixins: [loader],
		data(){
			return{
				commision:'',
				info:{
					monthCommission:'',
					todayCommission:'',
					commission:''
				},
				list:[],
				initial: {
					geturl: "/api/user/team",
					parm: {
					 
					},
					isPage: true
				},
			}
			
			
		},
		onShow() {
			this.get()
			this.getGoods()
			
		},
		methods:{
			
		
			go(e){
				uni.navigateTo({
					url:e
				})
			},
				
			get(){
				this.$u.post('/api/Financial/info', {
				     
				}).then(res => {
				     this.info=res;
				}).catch(err => {
				
				})
			},
			
			more(){
				uni.navigateTo({
					url:"./list"
				})
			}
		
		}
	}
</script>

<style>
	.bg {
		width: 700rpx;
		height: 200rpx;
		margin:20rpx auto;
		background: linear-gradient(-5deg, #0064C6, #2190FB);
		border-radius: 10rpx;
	}
	
	.mode{
		width: 700rpx;
		background: #FFFFFF;
		box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
		border-radius: 20rpx;
		margin: 20rpx auto;
		padding: 30rpx;
	}
</style>
